/* styles which refer to general application outlook (buttons, layouts, fonts colors , etc) */
#loginScreen {
	text-align: center;
}

#logArea {
	margin: auto;
	text-align: right;
	width: 80%
}

#logArea ul {
	text-align: center;
}

#logArea input {
	height: 20px;
	width: 90%;
	margin: 5px;
}

#logArea label {
	margin: auto;
	font-weight: bold;
}

.hide {
	display: none;
}

.formRow {
	color: #FFFFFF;
}

li.formRow input.inputForm,li.formRow textarea.inputForm {
	background-color: #FFFFFF;
	border-color: #000000;
	border-width: 2px;
	color: #000000;
}

#loginArea input {
	width: 40%;
	margin-left: 5px;
}

#loginArea li.formRow {
	text-align: right;
}

.floaty {
	-webkit-border-radius: 10px;
	-webkit-box-shadow: rgba(0, 0, 0, .5) 0px 1px 1px;
	width: 90%;
	margin: 0 5%;
	padding: 5px 10px;
	background: rgba(255, 255, 255, .7);
	color: #000;
	text-align: center;
	display: none;
	font-weight: bold;
	z-index: 1500;
}

ul li.down {
	background-image: url(img/down_arrow.png),
		-webkit-gradient(linear, 0% 0, 0% 100%, from(#4C4D4E), to(#404142) );
}

ul li.plus {
	background-image: url(img/plus.png),
		-webkit-gradient(linear, 0% 0, 0% 100%, from(#4C4D4E), to(#404142) );
}


.hidden {
	display: none;
}
/* styles of the map */
#viewer .olControlPanPanel {
	display: none;
}



#viewer .olControlPanEast  {
	position: absolute;
	top: 50%;
	right: 6px;
	background-image: url(img/east.png);
	width: 32px;
	height: 32px;
	background-position: 0px 0px;
}
#viewer .olControlPanWest  {
	position: absolute;
	top: 50%;
	left: 6px;
	background-image: url(img/west.png);
	width: 32px;
	height: 32px;
	background-position: 0px 0px;
}
#viewer .olControlPanNorth  {
	position: absolute;
	left: 50%;
	top: 3px;
	background-image: url(img/north.png);
	width: 32px;
	height: 32px;
	background-position: 0px 0px;
}
#viewer .olControlPanSouth {
	position: absolute;
	left: 50%;
	bottom: 3px;
	background-image: url(img/south.png);
	width: 32px;
	height: 32px;
	background-position: 0px 0px;
}

#viewer .olControlZoomPanel {
	left: auto;
	right: 10px;
	width: 80px;
	height: 32px;
	top: auto;
	bottom: 10px;
}

#viewer .olControlZoomInItemInactive{
	left: 0px;
	right: 15px;
	background-image: url(img/zoom_in.png);
	width: 32px;
	height: 32px;
	background-position: 0px 0px;
	top: 0px;
}

#viewer .olControlZoomOutItemInactive {
	left: auto;
	right: 0px;
	background-image: url(img/zoom_out.png);
	width: 32px;
	height: 32px;
	background-position: 0px 0px;
	top:0px;
}


.white {
	color: #FFFFFF;
}
.black {
	color: #000000;
}
.loadingCell {
	
	width: 10px;
	height: 10px;
	float: left;
}

#viewer .olControlZoomToMaxExtentItemInactive {
	display: none;
}

.olControlScaleLineTop, .olControlScaleLineBottom {
	color: #000000;
}
.btn {
	color: #FFFFFF;
}
#viewer img {
	z-index: 1010 !important;
}
.dialogWindow {
	z-index: 1500;
}
.dialogWindow h1, .dialogWindow ul li, #aboutScreen li{
	color: #FFFFFF;
}
.leftInput {
	width:48% !important;
	float: left;
}
.rightInput {
	width:48% !important;
	float: right;
}

html {
	background-color: #5E5E65;
}
body {
	background: none;
}